<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<link rel="stylesheet" type="text/css" href="../styles/html.css" />
<link rel="stylesheet" type="text/css" href="../styles/default.css" />
<script type="text/javascript" src="../scripts/jquery/lib/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/lib/jquery.bgiframe.min.js"></script>
<script type="text/javascript">
<!--
	//var context='/';
-->
</script>
  <link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/default/easyui-custom.css" />
<link rel="stylesheet" type="text/css" href="../scripts/jquery/easyui/themes/icon.css" />
<script type="text/javascript" src="../scripts/jquery/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../scripts/jquery/easyui/locale/easyui-lang-zh_CN.js"></script>


  
  <script type="text/javascript" src="../scripts/utils/ajaxupload.js"></script>
  <script type="text/javascript" src="../scripts/appjs/common.js"></script> 
  <link href="../scripts/jquery/showLoading/css/showLoading.css" rel="stylesheet" media="screen" />
  <script type="text/javascript" src="../scripts/jquery/showLoading/js/jquery.showLoading.js"></script>
  <script type="text/javascript">
  <!--
		(function($) {
				$(document).ready(function(){
					$.acflow.tableGrid('#tableList',{title:'User Management'});  			
				});
				
		})(jQuery);
		  
  		
  		function submitForm(taskId){
  			var action = "../leave/claim-task.do";
  			var src = "../leave/unsigned-task-list.do";
  			
  			var row = $('#tableList').datagrid('getSelected');
			if (row){
				$.messager.confirm('Please confirm','Will you suppend the user '+ row.username +' ?',function(r){
					if (r){
						
			  			$.messager.alert('Info','The use status suppended.'); 
						row.status = "Booked";
						
					}
				});
			}
  			
  			
  		}
		
		function checkUserBalance(){
				var url='user-balance-list.html';
				parent.$.acflow.addFrameTab({title:'User Balance',href:url,isReload:true,
					frameId:'checkUserBalanceFrameId1',iconCls:'icon-processInst'});
		}
		
		function issueCard()
		{
			$.messager.prompt('Prompt', 'Please enter the card number:', function(r){
				if (r){
					//alert('The card ' + r + ' issued to the user.');
					$.messager.alert('Info','The card ' + r + ' issued to the user.'); 
				}
			});
		}

  		
	-->
	  </script>
	  </head>
<body>
	
  	<div id="showLoading" style="margin: 10px">
	  	<div><img src="../images/info_16.png" />Current Page：Admin Menu &gt; User Management</div>
	  	<div style="width: 100%;height: 400px;padding-top: 6px">
        <input class="easyui-searchbox" data-options="prompt:'Please Input Value',searcher:doSearch" style="width:300px"></input>
        <input type="button" value="Search" />  
	    <table id="tableList">
	    	<thead>
	    		<tr>
	    			<th field="count" width="60" align="center">No.</th>
	    			<th field="id" width="40" align="center">ID</th>
	    			<th field="loginid" width="80" align="center">Login Id</th>
	    			<th field="username" width="80" align="center">User Name</th>
	    			<th field="cardnum" width="100" align="center">Card No.</th>
	    			<th field="status" width="80" align="center">Status</th>
	    			<th field="outstandingbalance" width="150" align="center">Total Outsanding Balance</th>
	    			<th field="opAction" width="250" align="center">Action</th>
	    		</tr>
	    	</thead>
	    	<tbody>
	    		
	    		<tr>
	    			<td>1</td>
	    			<td>3001</td>
	    			<td>tom</td>
	    			<td>Tom</td>
	    			<td>123456</td>
	    			<td>active</td>
	    			<td>-55.00</td>
	    			<td><a href="javascript:submitForm(106);" >Suppend </a> | <a href="javascript:checkUserBalance();">Balance</a> | Issue card</td>
    		  </tr>
	    		<tr>
	    			<td>2</td>
	    			<td>3002</td>
	    			<td>peter</td>
	    			<td>Peter</td>
	    			<td>133456</td>
	    			<td>suppend</td>
	    			<td>-600.00</td>
	    			<td>Suppend | <a href="javascript:checkUserBalance();">Balance</a> | Issue card</td>
    		  </tr>
	    		<tr>
	    			<td>3</td>
	    			<td>3003</td>
	    			<td>marry</td>
	    			<td>Marry</td>
	    			<td>&nbsp;</td>
	    			<td>active</td>
	    			<td>0</td>
	    			<td><a href="javascript:submitForm(106);" >Suppend </a> | <a href="javascript:checkUserBalance();">Balance</a> | <a href="javascript:issueCard();">Issue card</a> </td>
    		  </tr>
	    	</tbody>
	    </table>
	    <div style="text-align: center;padding-top: 12px">
	    	
	    </div>
	    </div>
	    
	    <form id="showUrlForm" action="" method="get"></form>
    </div>

</body>
</html>